/* line 1, ../sass/style.scss */
.clear {clear: both;}
.selector input{margin: 0px !important}
/* line 2, ../sass/style.scss */
.mgTB {margin-top: 50px !important;}

/* line 3, ../sass/style.scss */
body {background-color: #E6E6E6;font-family: Georgia;font-size: 19px;font-style: italic;color: #4D4D4D;text-align: justify;}

/* line 4, ../sass/style.scss */
.outer-wrapper {
    width: 100%;
    position: relative;
    min-height: 400px;
    margin: 30px auto;
    background-color: #EFEBE2;
    padding: 15px;
    -moz-box-shadow: 6px 6px 6px 1px #cccccc;
    -webkit-box-shadow: 6px 6px 6px 1px #cccccc;
    box-shadow: 6px 6px 6px 1px #cccccc;
}

/*SELLO CONTRATO*/
/* line 17, ../sass/style.scss */
.sello-contrato {
    width: 158px;
    height: 240px;
    position: absolute;
    top: -30px;
    right: 0px;
    background-image: url("../images/sello.png");
}

/* line 26, ../sass/style.scss */
.border-wrapper {
    border: 1px solid white;
    margin: 0px auto;
    height: 100%;
    padding: 50px;
    -moz-box-shadow: 0px 0px 0px 1px #cccccc;
    -webkit-box-shadow: 0px 0px 0px 1px #cccccc;
    box-shadow: 0px 0px 0px 1px #cccccc;
}

/* line 36, ../sass/style.scss */
.header-wrapper {
    text-align: center;
}

/* line 37, ../sass/style.scss */
.header-wrapper img {
    margin: 30px auto;
}

/* line 41, ../sass/style.scss */
p {
    font-size: 19px;
    font-style: italic;
    color: #4D4D4D;
    text-align: justify;
}

/* line 42, ../sass/style.scss */
p span.verde {
    color: #609596;
}

/* line 43, ../sass/style.scss */
p span.rojo {
    color: #A90001;
}

/* line 45, ../sass/style.scss */
.lineachica {
    width: 100%;
    border-top: 1px solid white;
    border-bottom: 1px solid #cecec2;
}

/*FORMULARIO CONTRATO*/
/* line 53, ../sass/style.scss */
#contrato-form input {
    font-family: Georgia;
    font-size: 17px;
    font-style: italic;
    color: #666;
    background: none;
    border: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0px;
    border-bottom: 1px dashed gray;
}

/* line 66, ../sass/style.scss */
.agregarInputs {
    margin: 20px 0px;
}

/* line 67, ../sass/style.scss */
.agregarInputs a {
    color: #A90001;
    font-size: 19px;
    font-style: italic;
}

$categorias: aceite, aluminio, carton-y-papel, plastico, tetra, vidrio;
@each $caja-cate in $categorias {
    .#{$caja-cate}-icon {
        background-image: url('../images/categorias/#{$caja-cate}.png');
    }
}

.caja-icono-categoria{
    width: 170px;
    height: 209px;
    background-repeat: no-repeat;
    background-position: center 20px;
}
.caja-icono-categoria label{width: 100%;height: 100%}


.caja-icono-habito {
    width: 170px;
    height: 220px;
    background-repeat: no-repeat;
    background-position: center 20px;
}
.caja-icono-habito label{width: 100%;height: 100%}
$habitos: reto-1, reto-2, reto-3, reto-4, reto-5, reto-6, reto-7, reto-8, reto-9;
@each $caja-habito in $habitos{
    .#{$caja-habito}-icon {
        background-image: url('../images/habitos/#{$caja-habito}.png');
    }
}

.acepto input{margin-right: 20px}

/*FOOTER*/
#footer-wrapper{
    background-image: url('../images/sobre.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 382px;
    margin-top: -400px;
    position: relative;
    z-index: 9999
}

#enviar{
    border-bottom: 1px solid #A90001 !important;
    color: #A90001 !important;
    font-size: 30px !important;
    padding-left: 50px !important;
    background-image: url('../images/pluma.png') !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    cursor: pointer !important;
    height: 43px !important
}
#enviar:hover{color: #666 !important}
.social-wrapper{
    background-color: #4A7578;
    min-height: 250px;
    position: relative;
    margin-top: -120px;
    padding-top: 80px;
    border-bottom: 40px solid #2E4849;
}
.social-wrapper p{
    text-align: center;
    color: #000;
    font-size: 18px
}
/*FONDO FOOTER*/
.footer-bg{
    background: url('../images/contrato-sharefooter.png') center no-repeat;
    height: 243px;
    position: relative;
    top: 40px
}


/*CONTRATO*/
ul{list-style: inside}
ul li{
    font-family: Georgia;
    font-size: 19px;
    font-style: italic;
    color: #4D4D4D;
    text-align: justify;
}

.sello-compromiso{
    background-image: url('../images/sello-contrato.png');
    background-repeat: no-repeat;
    width: 127px;
    height: 129px;
    background-position: center center
}
.sello-compromiso p{
    margin-top: 46px;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
}

.linea-saludo{border-top: 1px solid #4A7578}
.redes {padding-top: 15px}
.saludo p{color: #4A7578;font-size: 16px;margin: 15px 0px !important}
#add:hover{color: #666}
#remove:hover{color: #666}